<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/template.xhtml">
    <ui:define name="content">
        <div class="ContainerIndent">
            <p:panel header="Panel Samples">
                <h:form>
                    <div class="ContainerIndent">
                        <h3 class="hardblue">Fieldset</h3>
                        <p:fieldset legend="Toggleable Fieldset" toggleable="true">
                            Francis Ford Coppola's legendary continuation and sequel to his landmark 1972 film,
                            The_Godfather, parallels the young Vito Corleone's rise with his son Michael's spiritual fall,
                            deepening The_Godfather's depiction of the dark side of the American dream.
                            In the early 1900s, the child Vito flees his Sicilian village for America after the local Mafia kills his family.
                            Vito struggles to make a living, legally or illegally, for his wife and growing brood in Little Italy,
                            killing the local Black Hand Fanucci after he demands his customary cut of the tyro's business.
                            With Fanucci gone, Vito's communal stature grows.
                        </p:fieldset>

                        <h3 class="hardblue">AccordionPanel</h3>
                        <p:accordionPanel>
                            <p:tab title="Godfather Part I">
                                <h:panelGrid columns="1" cellpadding="10">
                                    <h:outputText value="Francis Ford Coppola's legendary continuation and sequel to his landmark 1972 film, The_Godfather, parallels the young Vito Corleone's rise with his son Michael's spiritual fall, deepening The_Godfather's depiction of the dark side of the American dream.
                                                  In the early 1900s, the child Vito flees his Sicilian village for America after the local Mafia kills his family. Vito struggles to make a living, legally or illegally, for his wife and growing brood in Little Italy,
                                                  killing the local Black Hand Fanucci after he demands his customary cut of the tyro's business. With Fanucci gone, Vito's communal stature grows." />
                                </h:panelGrid>
                            </p:tab>
                            <p:tab title="Godfather Part II">
                                <h:panelGrid columns="1" cellpadding="10">
                                    <h:outputText value="Francis Ford Coppola's legendary. Francis Ford Coppola's legendary continuation and sequel to his landmark 1972 film, The_Godfather, parallels the young Vito Corleone's rise with his son Michael's spiritual fall, deepening The_Godfather's depiction of the dark side of the American dream.
                                                  In the early 1900s, the child Vito flees his Sicilian village for America after the local Mafia kills his family. Vito struggles to make a living, legally or illegally, for his wife and growing brood in Little Italy,
                                                  killing the local Black Hand Fanucci after he demands his customary cut of the tyro's business. With Fanucci gone, Vito's communal stature grows." />
                                </h:panelGrid>
                            </p:tab>
                            <p:tab title="Godfather Part III">
                                <h:panelGrid columns="1" cellpadding="10">
                                    <h:outputText value="After a break of more than 15 years. Francis Ford Coppola's legendary continuation and sequel to his landmark 1972 film, The_Godfather, parallels the young Vito Corleone's rise with his son Michael's spiritual fall, deepening The_Godfather's depiction of the dark side of the American dream.
                                                  In the early 1900s, the child Vito flees his Sicilian village for America after the local Mafia kills his family. Vito struggles to make a living, legally or illegally, for his wife and growing brood in Little Italy,
                                                  killing the local Black Hand Fanucci after he demands his customary cut of the tyro's business. With Fanucci gone, Vito's communal stature grows." />
                                </h:panelGrid>
                            </p:tab>
                        </p:accordionPanel>

                        <h3 class="hardblue">PanelGrid Basic</h3>
                        <p:panelGrid columns="2" layout="grid">
                            <h:outputText value="Name" />
                            <h:outputText value="Kobe Bryant" />

                            <h:outputText value="Team" />
                            <h:outputText value="Los Angeles Lakers" />

                            <h:outputText value="Position" />
                            <h:outputText value="Shooting Guard" />

                            <h:outputText value="Number" />
                            <h:outputText value="24" />
                        </p:panelGrid>

                        <h3 class="hardblue">PanelGrid Grouping</h3>
                        <table id="j_idt15:j_idt41" class="ui-panelgrid ui-widget" style="margin-top:20px;width:100%" role="grid"><thead class="ui-panelgrid-header"><tr class="ui-widget-header" role="row"><td role="columnheader" class="ui-panelgrid-cell ui-widget-header" colspan="7">1995-96 NBA Playoffs</td></tr><tr class="ui-widget-header" role="row"><td role="columnheader" class="ui-panelgrid-cell ui-widget-header" colspan="2">Conf. Semifinals</td><td role="columnheader" class="ui-panelgrid-cell ui-widget-header" colspan="2">Conf. Finals</td><td role="columnheader" class="ui-panelgrid-cell ui-widget-header" colspan="2">NBA Finals</td><td role="columnheader" class="ui-panelgrid-cell ui-widget-header">Champion</td></tr></thead><tfoot class="ui-panelgrid-footer"><tr class="ui-widget-header" role="row"><td role="columnheader" class="ui-panelgrid-cell ui-widget-header" style="text-align: right" colspan="4">
                                        Finals MVP
                                    </td><td role="columnheader" class="ui-panelgrid-cell ui-widget-header" colspan="3" rowspan="3">
                                        Michael Jordan (Chicago)
                                    </td></tr><tr class="ui-widget-header" role="row"><td role="columnheader" class="ui-panelgrid-cell ui-widget-header" style="text-align: right" colspan="4">
                                        Season MVP
                                    </td></tr><tr class="ui-widget-header" role="row"><td role="columnheader" class="ui-panelgrid-cell ui-widget-header" style="text-align: right" colspan="4">
                                        Top Scorer
                                    </td></tr></tfoot><tbody><tr class="ui-widget-content ui-panelgrid-even" role="row"><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;">Seattle</td><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;">4</td><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;" rowspan="2">Seattle</td><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;" rowspan="2">4</td><td role="gridcell" class="ui-panelgrid-cell" rowspan="5">Seattle</td><td role="gridcell" class="ui-panelgrid-cell" rowspan="5">2</td><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;" rowspan="11">Chicago</td></tr><tr class="ui-widget-content ui-panelgrid-odd" role="row"><td role="gridcell" class="ui-panelgrid-cell">Houston</td><td role="gridcell" class="ui-panelgrid-cell">0</td></tr><tr class="ui-widget-content ui-panelgrid-even" role="row"><td role="gridcell" class="ui-panelgrid-cell ui-widget-header" colspan="4"><img id="j_idt15:j_idt76" height="0" alt="" src="#{resource['primefaces:spacer/dot_clear.gif']}" /></td></tr><tr class="ui-widget-content ui-panelgrid-odd" role="row"><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;">Utah</td><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;">4</td><td role="gridcell" class="ui-panelgrid-cell" rowspan="2">Utah</td><td role="gridcell" class="ui-panelgrid-cell" rowspan="2">3</td></tr><tr class="ui-widget-content ui-panelgrid-even" role="row"><td role="gridcell" class="ui-panelgrid-cell">San Antonio</td><td role="gridcell" class="ui-panelgrid-cell">2</td></tr><tr class="ui-widget-content ui-panelgrid-odd" role="row"><td role="gridcell" class="ui-panelgrid-cell ui-widget-header" colspan="6"><img id="j_idt15:j_idt93" height="0" alt="" src="#{resource['primefaces:spacer/dot_clear.gif']}" /></td></tr><tr class="ui-widget-content ui-panelgrid-even" role="row"><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;">Chicago</td><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;">4</td><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;" rowspan="2">Chicago</td><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;" rowspan="2">4</td><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;" rowspan="5">Chicago</td><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;" rowspan="5">4</td></tr><tr class="ui-widget-content ui-panelgrid-odd" role="row"><td role="gridcell" class="ui-panelgrid-cell">New York</td><td role="gridcell" class="ui-panelgrid-cell">1</td></tr><tr class="ui-widget-content ui-panelgrid-even" role="row"><td role="gridcell" class="ui-panelgrid-cell ui-widget-header" colspan="4"><img id="j_idt15:j_idt114" height="0" alt="" src="#{resource['primefaces:spacer/dot_clear.gif']}" /></td></tr><tr class="ui-widget-content ui-panelgrid-odd" role="row"><td role="gridcell" class="ui-panelgrid-cell">Atlanta</td><td role="gridcell" class="ui-panelgrid-cell">1</td><td role="gridcell" class="ui-panelgrid-cell" rowspan="2">Orlando</td><td role="gridcell" class="ui-panelgrid-cell" rowspan="2">0</td></tr><tr class="ui-widget-content ui-panelgrid-even" role="row"><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;">Orlando</td><td role="gridcell" class="ui-panelgrid-cell" style="font-weight: bold;">4</td></tr></tbody></table>

                        <div class="EmptyBox30"/>

                        <h3 style="margin-top:0" class="hardblue">Custom Scrollbars</h3>
                        <div id="j_idt15:j_idt141" class="ui-scrollpanel ui-widget ui-widget-content" style="height:200px;width:400px">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit tortor a ipsum vehicula, in semper sapien auctor. Nulla tempor eget est non consequat. Nulla sit amet lorem justo. Cras non tellus eros. Sed ultricies orci ut quam interdum fringilla. Nam vitae massa ac mi elementum mattis vel vitae sem. Ut eros ipsum, scelerisque a erat a, eleifend luctus nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus.
                            </p>
                            <p>
                                Vivamus ac ullamcorper magna. Aenean felis ante, elementum sit amet urna at, eleifend aliquet velit. Morbi a convallis magna. In nec leo vel dolor hendrerit pharetra. Cras in iaculis enim. Aenean porta sapien dignissim turpis dapibus, eu dictum velit elementum. Aliquam sollicitudin gravida luctus.
                            </p>
                            <p>
                                Ut vel nulla sit amet erat laoreet eleifend nec sed lacus. Quisque placerat diam vitae justo eleifend, rutrum mollis mauris fringilla. Curabitur turpis odio, euismod id lorem a, ultricies suscipit ligula. Pellentesque ut erat a leo rhoncus porta ac sed velit. Nunc at erat ligula. Fusce vehicula posuere interdum. Curabitur tempus, tortor at sollicitudin dapibus, erat ante varius nisl, id dictum erat ipsum porttitor ipsum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla id varius enim, sed rutrum orci.
                            </p>
                            <p>
                                Sed tincidunt urna quis metus lacinia commodo. Praesent convallis eros vel quam scelerisque bibendum. Mauris eget dignissim libero. Pellentesque sagittis sem quis ipsum viverra, sed consequat mi consectetur. Donec facilisis dapibus ultrices. Donec luctus auctor lacus, at congue nisi aliquet eu. Praesent in justo at risus faucibus ultricies. Fusce et libero lectus. Donec elementum pharetra sapien, at placerat purus sodales et. Vivamus iaculis lacus sed placerat rhoncus. Mauris iaculis sit amet nunc at placerat. Donec consequat euismod lacinia. Etiam nec quam vehicula, cursus massa in, ullamcorper erat.
                            </p>
                            <p>
                                Praesent volutpat scelerisque vestibulum. In eu massa non neque rutrum commodo. Nunc vel enim nisi. Aenean leo ipsum, molestie vel justo nec, pharetra luctus dui. Nunc rhoncus turpis id lorem luctus consequat. Nulla condimentum adipiscing turpis consequat semper. Etiam ullamcorper velit nec hendrerit malesuada. Praesent venenatis leo sit amet arcu commodo, sit amet porta tellus suscipit. Quisque mi tortor, vestibulum in arcu non, pretium auctor libero. In commodo luctus placerat.
                            </p></div><script id="j_idt15:j_idt141_s" type="text/javascript">PrimeFaces.cw("ScrollPanel","widget_j_idt15_j_idt141",{id:"j_idt15:j_idt141",widgetVar:"widget_j_idt15_j_idt141"});</script>

                        <h3 class="hardblue">toolbar</h3>
                        <div id="j_idt15:j_idt144" class="ui-toolbar ui-widget ui-widget-header ui-corner-all ui-helper-clearfix"><div class="ui-toolbar-group-left"><button id="j_idt15:j_idt145" name="j_idt15:j_idt145" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" type="button"><span class="ui-button-icon-left ui-icon ui-c fa fa-plus Fs14 white"></span><span class="ui-button-text ui-c">New</span></button><script id="j_idt15:j_idt145_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt145",{id:"j_idt15:j_idt145",widgetVar:"widget_j_idt15_j_idt145"});</script><button id="j_idt15:j_idt146" name="j_idt15:j_idt146" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" type="button"><span class="ui-button-icon-left ui-icon ui-c fa fa-folder-open Fs14 white"></span><span class="ui-button-text ui-c">Open</span></button><script id="j_idt15:j_idt146_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt146",{id:"j_idt15:j_idt146",widgetVar:"widget_j_idt15_j_idt146"});</script>

                                <span class="ui-separator">
                                    <span class="fa fa-ellipsis-v leaden"></span>
                                </span><button id="j_idt15:j_idt148" name="j_idt15:j_idt148" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" title="Save" type="button">
                                    <span class="ui-button-icon-left ui-icon ui-c fa fa-save Fs14 white"></span>
                                    <span class="ui-button-text ui-c">ui-button</span></button>
                                <script id="j_idt15:j_idt148_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt148",{id:"j_idt15:j_idt148",widgetVar:"widget_j_idt15_j_idt148"});</script>
                                <button id="j_idt15:j_idt149" name="j_idt15:j_idt149" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" title="Delete" type="button">
                                    <span class="ui-button-icon-left ui-icon ui-c fa fa-trash Fs14 white"></span>
                                    <span class="ui-button-text ui-c">ui-button</span></button>
                                <script id="j_idt15:j_idt149_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt149",{id:"j_idt15:j_idt149",widgetVar:"widget_j_idt15_j_idt149"});</script>
                                <button id="j_idt15:j_idt150" name="j_idt15:j_idt150" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" title="Print" type="button">
                                    <span class="ui-button-icon-left ui-icon ui-c fa fa-print Fs14 white"></span><span class="ui-button-text ui-c">ui-button</span></button>
                                <script id="j_idt15:j_idt150_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt150",{id:"j_idt15:j_idt150",widgetVar:"widget_j_idt15_j_idt150"});</script>
                            </div><div class="ui-toolbar-group-right"><span id="j_idt15:j_idt151" class="ui-menubutton">
                                    <button id="j_idt15:j_idt151_button" name="j_idt15:j_idt151_button" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left">
                                        <span class="ui-button-icon-left ui-icon ui-c ui-icon-triangle-1-s"></span><span class="ui-button-text ui-c">Options</span></button>
                                    <div id="j_idt15:j_idt151_menu" class="ui-menu ui-menu-dynamic ui-widget ui-widget-content ui-corner-all ui-helper-clearfix ui-shadow" role="menu">
                                        <ul class="ui-menu-list ui-helper-reset"><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem">
                                                <a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:&quot;j_idt15:j_idt152&quot;,f:&quot;j_idt15&quot;});return false;">
                                                    <span class="ui-menuitem-icon ui-icon fa fa-save"></span><span class="ui-menuitem-text">Save</span></a></li><li class="ui-menuitem ui-widget ui-corner-all" role="menuitem">
                                                        <a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:&quot;j_idt15:j_idt153&quot;,f:&quot;j_idt15&quot;});return false;">
                                                            <span class="ui-menuitem-icon ui-icon fa fa-upload"></span><span class="ui-menuitem-text">Update</span></a></li>
                                            <li class="ui-menuitem ui-widget ui-corner-all" role="menuitem">
                                                <a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:&quot;j_idt15:j_idt154&quot;,f:&quot;j_idt15&quot;});return false;">
                                                    <span class="ui-menuitem-icon ui-icon fa fa-trash"></span><span class="ui-menuitem-text">Delete</span></a></li>
                                            <li class="ui-menuitem ui-widget ui-corner-all" role="menuitem">
                                                <a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:&quot;j_idt15:j_idt155&quot;,f:&quot;j_idt15&quot;});return false;">
                                                    <span class="ui-menuitem-icon ui-icon fa fa-home"></span><span class="ui-menuitem-text">Homepage</span></a></li></ul></div></span>
                                <script id="j_idt15:j_idt151_s" type="text/javascript">$(function(){PrimeFaces.cw("MenuButton","widget_j_idt15_j_idt151",{id:"j_idt15:j_idt151",widgetVar:"widget_j_idt15_j_idt151"});});</script>
                            </div></div>

                        <h3 class="hardblue">notificationBar</h3>
                        <div id="j_idt15:j_idt157" class="ui-notificationbar ui-widget ui-widget-content top">PrimeFaces Rocks!</div>
                        <script id="j_idt15:j_idt157_s" type="text/javascript">$(function(){PrimeFaces.cw("NotificationBar","bar",{id:"j_idt15:j_idt157",widgetVar:"bar",position:"top",effect:"slide",effectSpeed:"normal"});});</script>
                        <button id="j_idt15:j_idt159" name="j_idt15:j_idt159" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" onclick="PF('bar').show();" type="button">
                            <span class="ui-button-text ui-c">Show</span></button>
                        <script id="j_idt15:j_idt159_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt159",{id:"j_idt15:j_idt159",widgetVar:"widget_j_idt15_j_idt159"});</script>
                        <button id="j_idt15:j_idt160" name="j_idt15:j_idt160" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" onclick="PF('bar').hide();" type="button">
                            <span class="ui-button-text ui-c">Hide</span></button>
                        <script id="j_idt15:j_idt160_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt160",{id:"j_idt15:j_idt160",widgetVar:"widget_j_idt15_j_idt160"});</script>

                        <h3 class="hardblue">Panel</h3>
                        <div id="j_idt15:basic" class="ui-panel ui-widget ui-widget-content ui-corner-all" style="margin-bottom:20px" data-widget="widget_j_idt15_basic">
                            <div id="j_idt15:basic_header" class="ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all">
                                <span class="ui-panel-title">Basic Panel</span>
                            </div>
                            <div id="j_idt15:basic_content" class="ui-panel-content ui-widget-content"><table cellpadding="10">
<tbody>
<tr>
<td>
                                <i class="icon-apple Fs60"></i></td>
<td>CUPERTINO, California—January 27, 2015—Apple® today announced financial results for its                                     fiscal 2015 first quarter ended December 27, 2014. The Company posted record quarterly revenue of                                      $74.6 billion and record quarterly net profit of $18 billion, or $3.06 per diluted share. These results                                      compare to revenue of $57.6 billion and net profit of $13.1 billion, or $2.07 per diluted share, in the                                      year-ago quarter. Gross margin was 39.9 percent compared to 37.9 percent in the year-ago quarter.                                      International sales accounted for 65 percent of the quarter’s revenue.</td>
</tr>
</tbody>
</table>
</div><div id="j_idt15:basic_footer" class="ui-panel-footer ui-widget-content">Panel Footer</div></div>
                        <script id="j_idt15:basic_s" type="text/javascript">PrimeFaces.cw("Panel","widget_j_idt15_basic",{id:"j_idt15:basic",widgetVar:"widget_j_idt15_basic"});</script>

                        <h3 class="hardblue">Ribbon</h3>
                        <div id="j_idt15:j_idt166" class="ui-ribbon ui-tabs ui-tabs-top ui-widget ui-widget-content ui-corner-top ui-hidden-container" style="width: 500px;">
                            <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
                                <li class="ui-state-default ui-tabs-selected ui-state-active ui-corner-top" role="tab" aria-expanded="true"><a href="j_idt15:j_idt167">File</a></li>
                                <li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false"><a href="j_idt15:j_idt196">View</a></li>
                            </ul>
                            <div class="ui-tabs-panels">
                                <div id="j_idt15:j_idt167" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
                                    <ul class="ui-ribbon-groups ui-helper-reset ui-helper-clearfix ui-widget-content">
                                        <li class="ui-ribbon-group">
                                            <div class="ui-ribbon-group-content">
                                                <button id="j_idt15:j_idt169" name="j_idt15:j_idt169" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-ribbon-bigbutton" type="button">
                                                    <span class="ui-button-icon-left ui-icon ui-c fa fa-plus"></span>
                                                    <span class="ui-button-text ui-c">New</span>
                                                </button>
                                                <script id="j_idt15:j_idt169_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt169",{id:"j_idt15:j_idt169",widgetVar:"widget_j_idt15_j_idt169"});</script>
                                                <button id="j_idt15:j_idt170" name="j_idt15:j_idt170" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-ribbon-bigbutton" type="button">
                                                    <span class="ui-button-icon-left ui-icon ui-c fa fa-save"></span><span class="ui-button-text ui-c">Save</span></button>
                                                <script id="j_idt15:j_idt170_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt170",{id:"j_idt15:j_idt170",widgetVar:"widget_j_idt15_j_idt170"});</script>
                                            </div><div class="ui-ribbon-group-label">Options</div></li><li class="ui-ribbon-group"><div class="ui-ribbon-group-content">
                                                    <button id="j_idt15:j_idt173" name="j_idt15:j_idt173" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-ribbon-bigbutton" type="button">
                                                        <span class="ui-button-icon-left ui-icon ui-c fa fa-paste"></span><span class="ui-button-text ui-c">Paste</span></button>
                                                    <script id="j_idt15:j_idt173_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt173",{id:"j_idt15:j_idt173",widgetVar:"widget_j_idt15_j_idt173"});</script>
                                                    <button id="j_idt15:j_idt174" name="j_idt15:j_idt174" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" type="button">
                                                        <span class="ui-button-icon-left ui-icon ui-c fa fa-cut"></span><span class="ui-button-text ui-c">Cut</span></button>

                                                    <script id="j_idt15:j_idt174_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt174",{id:"j_idt15:j_idt174",widgetVar:"widget_j_idt15_j_idt174"});</script>
                                                    <button id="j_idt15:j_idt175" name="j_idt15:j_idt175" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" type="button">
                                                        <span class="ui-button-icon-left ui-icon ui-c fa fa-print"></span><span class="ui-button-text ui-c">Print</span></button>
                                                    <script id="j_idt15:j_idt175_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt175",{id:"j_idt15:j_idt175",widgetVar:"widget_j_idt15_j_idt175"});</script>
                                                    <div id="j_idt15:j_idt172" class="ui-selectmanybutton ui-buttonset ui-widget ui-corner-all"></div>
                                                    <script id="j_idt15:j_idt172_s" type="text/javascript">PrimeFaces.cw("SelectManyButton","widget_j_idt15_j_idt172",{id:"j_idt15:j_idt172",widgetVar:"widget_j_idt15_j_idt172"});</script>
                                                </div><div class="ui-ribbon-group-label">Clipboard</div></li>
                                        <li class="ui-ribbon-group"><div class="ui-ribbon-group-content"><div id="j_idt15:j_idt177" class="ui-selectonemenu ui-widget ui-state-default ui-corner-all">
                                                    <div class="ui-helper-hidden-accessible">
                                                        <input id="j_idt15:j_idt177_focus" name="j_idt15:j_idt177_focus" type="text" autocomplete="off" /></div>
                                                    <div class="ui-helper-hidden-accessible">
                                                        <select id="j_idt15:j_idt177_input" name="j_idt15:j_idt177_input" tabindex="-1">
                                                            <option value="0">Arial</option>
                                                            <option value="1">Comis Sans</option><option value="2">Helvetica</option><option value="3">Times New Roman</option>
                                                            <option value="4">Verdana</option></select></div>
                                                    <label id="j_idt15:j_idt177_label" class="ui-selectonemenu-label ui-inputfield ui-corner-all">&amp;nbsp;</label>
                                                    <div class="ui-selectonemenu-trigger ui-state-default ui-corner-right">
                                                        <span class="ui-icon ui-icon-triangle-1-s ui-c"></span></div>
                                                    <div id="j_idt15:j_idt177_panel" class="ui-selectonemenu-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow">
                                                        <div class="ui-selectonemenu-items-wrapper" style="height:auto">
                                                            <ul class="ui-selectonemenu-items ui-selectonemenu-list ui-widget-content ui-widget ui-corner-all ui-helper-reset">
                                                                <li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Arial">Arial</li>
                                                                <li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Comis Sans">Comis Sans</li>
                                                                <li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Helvetica">Helvetica</li>
                                                                <li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Times New Roman">Times New Roman</li>
                                                                <li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="Verdana">Verdana</li>
                                                            </ul></div></div></div>
                                                <script id="j_idt15:j_idt177_s" type="text/javascript">$(function(){PrimeFaces.cw("SelectOneMenu","widget_j_idt15_j_idt177",{id:"j_idt15:j_idt177",widgetVar:"widget_j_idt15_j_idt177",appendTo:"j_idt15:j_idt177"});});</script>
                                                <div id="j_idt15:j_idt183" class="ui-selectonemenu ui-widget ui-state-default ui-corner-all"><div class="ui-helper-hidden-accessible">
                                                        <input id="j_idt15:j_idt183_focus" name="j_idt15:j_idt183_focus" type="text" autocomplete="off" /></div>
                                                    <div class="ui-helper-hidden-accessible">
                                                            <select id="j_idt15:j_idt183_input" name="j_idt15:j_idt183_input" tabindex="-1">
                                                                <option value="10">10</option><option value="12">12</option><option value="14">14</option>
                                                                <option value="18">18</option><option value="24">24</option>
                                                                <option value="36">36</option><option value="72">72</option></select></div>
                                                    <label id="j_idt15:j_idt183_label" class="ui-selectonemenu-label ui-inputfield ui-corner-all">&amp;nbsp;</label>
                                                    <div class="ui-selectonemenu-trigger ui-state-default ui-corner-right"><span class="ui-icon ui-icon-triangle-1-s ui-c"></span>
                                                    </div><div id="j_idt15:j_idt183_panel" class="ui-selectonemenu-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow">
                                                        <div class="ui-selectonemenu-items-wrapper" style="height:auto">
                                                            <ul class="ui-selectonemenu-items ui-selectonemenu-list ui-widget-content ui-widget ui-corner-all ui-helper-reset">
                                                                <li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="10">10</li>
                                                                <li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="12">12</li>
                                                                <li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="14">14</li>
                                                                <li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="18">18</li>
                                                                <li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="24">24</li>
                                                                <li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="36">36</li>
                                                                <li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all" data-label="72">72</li>
                                                            </ul></div></div></div>
                                                <script id="j_idt15:j_idt183_s" type="text/javascript">$(function(){PrimeFaces.cw("SelectOneMenu","widget_j_idt15_j_idt183",{id:"j_idt15:j_idt183",widgetVar:"widget_j_idt15_j_idt183",appendTo:"j_idt15:j_idt183"});});</script>
                                                <div id="j_idt15:j_idt191" class="ui-selectmanybutton ui-buttonset ui-widget ui-corner-all">
                                                    <div class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left">
                                                        <input id="j_idt15:j_idt191:0" name="j_idt15:j_idt191" type="checkbox" value="b" class="ui-helper-hidden" />
                                                        <span class="ui-button-text ui-c">b</span>
                                                    </div><div class="ui-button ui-widget ui-state-default ui-button-text-only">
                                                        <input id="j_idt15:j_idt191:1" name="j_idt15:j_idt191" type="checkbox" value="u" class="ui-helper-hidden" />
                                                        <span class="ui-button-text ui-c">u</span></div>
                                                    <div class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right">
                                                        <input id="j_idt15:j_idt191:2" name="j_idt15:j_idt191" type="checkbox" value="i" class="ui-helper-hidden" />
                                                        <span class="ui-button-text ui-c">i</span></div></div>
                                                <script id="j_idt15:j_idt191_s" type="text/javascript">PrimeFaces.cw("SelectManyButton","widget_j_idt15_j_idt191",{id:"j_idt15:j_idt191",widgetVar:"widget_j_idt15_j_idt191"});</script>
                                                <span id="j_idt15:j_idt195" class="ui-colorpicker">
                                                    <button id="j_idt15:j_idt195_button" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
                                                        <span class="ui-button-text ui-c">
                                                            <span id="j_idt15:j_idt195_livePreview" style="overflow:hidden;width:1em;height:1em;display:block;border:solid 1px #000;text-indent:1em;white-space:nowrap;">Live Preview</span>

                                                        </span>
                                                    </button><input id="j_idt15:j_idt195_input" name="j_idt15:j_idt195_input" type="hidden" /></span>
                                                <script id="j_idt15:j_idt195_s" type="text/javascript">$(function(){PrimeFaces.cw("ColorPicker","widget_j_idt15_j_idt195",{id:"j_idt15:j_idt195",widgetVar:"widget_j_idt15_j_idt195",mode:"popup"},"colorpicker");});</script>
                                            </div><div class="ui-ribbon-group-label">Fonts</div></li></ul></div>
                                <div id="j_idt15:j_idt196" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden"><ul class="ui-ribbon-groups ui-helper-reset ui-helper-clearfix ui-widget-content">
                                        <li class="ui-ribbon-group"><div class="ui-ribbon-group-content">
                                                <button id="j_idt15:j_idt198" name="j_idt15:j_idt198" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-ribbon-bigbutton" type="button">
                                                    <span class="ui-button-icon-left ui-icon ui-c fa fa-search-plus"></span>
                                                    <span class="ui-button-text ui-c">In</span></button>
                                                <script id="j_idt15:j_idt198_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt198",{id:"j_idt15:j_idt198",widgetVar:"widget_j_idt15_j_idt198"});</script>
                                                <button id="j_idt15:j_idt199" name="j_idt15:j_idt199" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-ribbon-bigbutton" type="button">
                                                    <span class="ui-button-icon-left ui-icon ui-c fa fa-search-minus"></span><span class="ui-button-text ui-c">Out</span></button>
                                                <script id="j_idt15:j_idt199_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt15_j_idt199",{id:"j_idt15:j_idt199",widgetVar:"widget_j_idt15_j_idt199"});</script>
                                            </div><div class="ui-ribbon-group-label">Zoom</div></li></ul></div></div></div>
                        <script id="j_idt15:j_idt166_s" type="text/javascript">PrimeFaces.cw("Ribbon","widget_j_idt15_j_idt166",{id:"j_idt15:j_idt166",widgetVar:"widget_j_idt15_j_idt166"},"ribbon");</script>

                        <h3 class="hardblue">TabView Basic</h3>
                        <div id="j_idt15:j_idt201" class="ui-tabs ui-widget ui-widget-content ui-corner-all ui-hidden-container ui-tabs-top" data-widget="widget_j_idt15_j_idt201">
                            <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
                                <li class="ui-state-default ui-tabs-selected ui-state-active ui-corner-top" role="tab" aria-expanded="true" aria-selected="true">
                                    <a href="#j_idt15:j_idt201:j_idt202" tabindex="-1">Godfather Part I</a></li>
                                <li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false">
                                    <a href="#j_idt15:j_idt201:j_idt205" tabindex="-1">Godfather Part II</a>
                                    <span class="ui-icon ui-icon-close"></span></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false">
                                        <a href="#j_idt15:j_idt201:j_idt208" tabindex="-1">Godfather Part III</a></li></ul>
                            <div class="ui-tabs-panels">
                                            <div id="j_idt15:j_idt201:j_idt202" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="false">
                                                <table cellpadding="10">
<tbody>
<tr>
<td>The story begins as Don Vito Corleone. Lorem ipsum dolor sit amet, consectetur adipiscing elit.                                          Aenean blandit tortor a ipsum vehicula, in semper sapien auctor. Nulla tempor eget est non consequat. The story begins as Don Vito Corleone. Lorem ipsum dolor sit amet, consectetur adipiscing elit.                                          Aenean blandit tortor a ipsum vehicula, in semper sapien auctor. Nulla tempor eget est non consequat.</td>
</tr>
</tbody>
</table>
</div><div id="j_idt15:j_idt201:j_idt205" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true"><table cellpadding="10">
<tbody>
<tr>
<td>Francis Ford Coppola's legendary. Lorem ipsum dolor sit amet, consectetur adipiscing elit.                                                    Aenean blandit tortor a ipsum vehicula, in semper sapien auctor. Nulla tempor eget est non consequat.</td>
</tr>
</tbody>
</table>
</div><div id="j_idt15:j_idt201:j_idt208" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true"><table cellpadding="10">
<tbody>
<tr>
<td>After a break of more than 15 years. Lorem ipsum dolor sit amet, consectetur adipiscing elit.                                                   Aenean blandit tortor a ipsum vehicula, in semper sapien auctor. Nulla tempor eget est non consequat.</td>
</tr>
</tbody>
</table>
</div></div><input type="hidden" id="j_idt15:j_idt201_activeIndex" name="j_idt15:j_idt201_activeIndex" value="0" autocomplete="off" /></div><script id="j_idt15:j_idt201_s" type="text/javascript">PrimeFaces.cw("TabView","widget_j_idt15_j_idt201",{id:"j_idt15:j_idt201",widgetVar:"widget_j_idt15_j_idt201",effectDuration:"normal",scrollable:false});</script>
                        <h3 class="hardblue">TabView Scrollable</h3>
                        <div id="j_idt15:j_idt212" class="ui-tabs ui-widget ui-widget-content ui-corner-all ui-hidden-container ui-tabs-top ui-tabs-scrollable" data-widget="widget_j_idt15_j_idt212"><div class="ui-tabs-navscroller"><a class="ui-tabs-navscroller-btn ui-tabs-navscroller-btn-left ui-state-default ui-corner-right">
                                    <span class="ui-icon ui-icon-carat-1-w"></span></a><a class="ui-tabs-navscroller-btn ui-tabs-navscroller-btn-right ui-state-default ui-corner-left"><span class="ui-icon ui-icon-carat-1-e"></span></a><ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
                                        <li class="ui-state-default ui-tabs-selected ui-state-active ui-corner-top" role="tab" aria-expanded="true" aria-selected="true"><a href="#j_idt15:j_idt212:j_idt213" tabindex="-1">Tab 1</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false">
                                            <a href="#j_idt15:j_idt212:j_idt215" tabindex="-1">Tab 2</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt217" tabindex="-1">Tab 3</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false">
                                                <a href="#j_idt15:j_idt212:j_idt219" tabindex="-1">Tab 4</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt221" tabindex="-1">Tab 5</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt223" tabindex="-1">Tab 6</a></li>
                                                <li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt225" tabindex="-1">Tab 7</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt227" tabindex="-1">Tab 8</a></li>
                                                <li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt229" tabindex="-1">Tab 9</a></li>
                                                <li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt231" tabindex="-1">Tab 10</a></li>
                                                <li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt233" tabindex="-1">Tab 11</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt235" tabindex="-1">Tab 12</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt237" tabindex="-1">Tab 13</a></li>
                                                <li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt239" tabindex="-1">Tab 14</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt241" tabindex="-1">Tab 15</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt243" tabindex="-1">Tab 16</a></li>
                                                <li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt245" tabindex="-1">Tab 17</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt247" tabindex="-1">Tab 18</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt249" tabindex="-1">Tab 19</a></li>
                                                <li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt251" tabindex="-1">Tab 20</a></li>
                                                <li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt253" tabindex="-1">Tab 21</a></li>
                                                <li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt255" tabindex="-1">Tab 22</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt257" tabindex="-1">Tab 23</a></li><li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt259" tabindex="-1">Tab 24</a></li>
                                                <li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt212:j_idt261" tabindex="-1">Tab 25</a></li></ul></div><div class="ui-tabs-panels">
                                                    <div id="j_idt15:j_idt212:j_idt213" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="false">Tab 1 Content</div><div id="j_idt15:j_idt212:j_idt215" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 2 Content</div><div id="j_idt15:j_idt212:j_idt217" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 3 Content</div>
                                                    <div id="j_idt15:j_idt212:j_idt219" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 4 Content</div>
                                                    <div id="j_idt15:j_idt212:j_idt221" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 5 Content</div><div id="j_idt15:j_idt212:j_idt223" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 6 Content</div><div id="j_idt15:j_idt212:j_idt225" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 7 Content</div>
                                                    <div id="j_idt15:j_idt212:j_idt227" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 8 Content</div><div id="j_idt15:j_idt212:j_idt229" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 9 Content</div>
                                                    <div id="j_idt15:j_idt212:j_idt231" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 10 Content</div><div id="j_idt15:j_idt212:j_idt233" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 11 Content</div>
                                                    <div id="j_idt15:j_idt212:j_idt235" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 12 Content</div>
                                                    <div id="j_idt15:j_idt212:j_idt237" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 13 Content</div><div id="j_idt15:j_idt212:j_idt239" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 14 Content</div><div id="j_idt15:j_idt212:j_idt241" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 15 Content</div>
                                                    <div id="j_idt15:j_idt212:j_idt243" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 16 Content</div>
                                                    <div id="j_idt15:j_idt212:j_idt245" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 17 Content</div><div id="j_idt15:j_idt212:j_idt247" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 18 Content</div><div id="j_idt15:j_idt212:j_idt249" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 19 Content</div>
                                                    <div id="j_idt15:j_idt212:j_idt251" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 20 Content</div>
                                                    <div id="j_idt15:j_idt212:j_idt253" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 21 Content</div><div id="j_idt15:j_idt212:j_idt255" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 22 Content</div><div id="j_idt15:j_idt212:j_idt257" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 23 Content</div>
                                                    <div id="j_idt15:j_idt212:j_idt259" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 24 Content</div><div id="j_idt15:j_idt212:j_idt261" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">Tab 25 Content</div></div><input type="hidden" id="j_idt15:j_idt212_activeIndex" name="j_idt15:j_idt212_activeIndex" value="0" autocomplete="off" />
                                                    <input type="hidden" id="j_idt15:j_idt212_scrollState" name="j_idt15:j_idt212_scrollState" value="0" autocomplete="off" /></div>
                        <script id="j_idt15:j_idt212_s" type="text/javascript">PrimeFaces.cw("TabView","widget_j_idt15_j_idt212",{id:"j_idt15:j_idt212",widgetVar:"widget_j_idt15_j_idt212",effectDuration:"normal",scrollable:true});</script>

                        <h3 class="hardblue">TabView Orientation - Left</h3>
                        <div id="j_idt15:j_idt264" class="ui-tabs ui-widget ui-widget-content ui-corner-all ui-hidden-container ui-tabs-left" data-widget="widget_j_idt15_j_idt264">
                            <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
                                <li class="ui-state-default ui-tabs-selected ui-state-active ui-corner-left" role="tab" aria-expanded="true" aria-selected="true"><a href="#j_idt15:j_idt264:j_idt265" tabindex="-1">Godfather Part I</a></li>
                                <li class="ui-state-default ui-corner-left" role="tab" aria-expanded="false" aria-selected="false">
                                    <a href="#j_idt15:j_idt264:j_idt268" tabindex="-1">Godfather Part II</a></li><li class="ui-state-default ui-corner-left" role="tab" aria-expanded="false" aria-selected="false"><a href="#j_idt15:j_idt264:j_idt271" tabindex="-1">Godfather Part III</a></li></ul><div class="ui-tabs-panels">
                                        <div id="j_idt15:j_idt264:j_idt265" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="false">
                                            <table cellpadding="10">
<tbody>
<tr>
<td>The story begins as Don Vito Corleone.Lorem ipsum dolor sit amet, consectetur adipiscing elit.                                         Aenean blandit tortor a ipsum vehicula, in semper sapien auctor. Nulla tempor eget est non consequat.</td>
</tr>
</tbody>
</table>
</div><div id="j_idt15:j_idt264:j_idt268" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true"><table cellpadding="10">
<tbody>
<tr>
<td>Francis Ford Coppola's legendary. Lorem ipsum dolor sit amet, consectetur adipiscing elit.                                                   Aenean blandit tortor a ipsum vehicula, in semper sapien auctor. Nulla tempor eget est non consequat.</td>
</tr>
</tbody>
</table>
</div><div id="j_idt15:j_idt264:j_idt271" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true">
    <table cellpadding="10">
<tbody>
<tr>
<td>After a break of more than 15 years. Lorem ipsum dolor sit amet, consectetur adipiscing elit.                                                   Aenean blandit tortor a ipsum vehicula, in semper sapien auctor. Nulla tempor eget est non consequat.</td>
</tr>
</tbody>
</table>
</div></div>
                            <input type="hidden" id="j_idt15:j_idt264_activeIndex" name="j_idt15:j_idt264_activeIndex" value="0" autocomplete="off" /></div>
                        <script id="j_idt15:j_idt264_s" type="text/javascript">PrimeFaces.cw("TabView","widget_j_idt15_j_idt264",{id:"j_idt15:j_idt264",widgetVar:"widget_j_idt15_j_idt264",effectDuration:"normal",scrollable:false});</script>
                    </div>
                    </h:form>
                </p:panel>
            </div>
    </ui:define>
</ui:composition>